<template>
  <div class="me">
    <el-card> 
      <div>
       
       <h3> <span>创建时间:</span>{{obj.createTime| dateFormat}} <span>&trade;</span> </h3>
        
        </div>
        <hr>

      <div>
       
        <span>用户名</span> <el-tag type="success">{{obj.nickname}}&copy;</el-tag><span>&reg;</span>
       
      </div>
   <div>
    
     
        
  <span>头像</span> <div class="de">
       <img v-lazy="obj.avatarUrl" alt="">
       </div>
  
   </div>
   <div><span>收藏 <i class="iconfont icon-aixin cc"></i></span>&nbsp;&nbsp;<a href="#">66</a> &nbsp;&nbsp;&nbsp;&nbsp; |&nbsp; &nbsp;  <span> 下载 <i class="iconfont icon-xiazai"></i></span>&nbsp;&nbsp;<a href="#">45</a></div>
      <div> </div>
        <div></div>
   <div class="main">
      <img src="https://picsum.photos/760/460?random=1" alt="" srcset="">
   </div>  
  
  
    </el-card>
  </div>
</template>
<script>


export default {
  name:'Me',
  data() {
    return{
      obj:{}
    } 
  },
  created(){
   this.getlist()
  },
  methods:{
    getlist(){
      
     this.$http.get('/api/user/detail',{params:{uid:this.$store.state.id}}).then(res=>{
      //  console.log(res.data.profile);
       this.obj=res.data.profile
     })
    }
  }
}
</script>


<style lang="less" scoped>
.me{
  background-color: rgb(71, 69, 69);
  .el-card{
   margin: 10px;
   padding: 10px;
  }
  .de{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 1px solid rgb(33, 180, 107);
  }
  .de img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
  }
  .main{
    margin-top: 20px;
    width: 100%;
    height: 300px;
    
  }
 .cc{
   color: red;
 }
}


</style>
